<template>
  <div class="space-y-4">
    <!-- 题型标题骨架 -->
    <div class="flex items-center mb-4">
      <div class="h-6 w-16 bg-gray-200 rounded animate-pulse"></div>
    </div>
    <!-- 题目列表骨架 -->
    <div
      v-for="i in 3"
      :key="i"
      class="bg-white rounded-xl p-4 space-y-3 animate-pulse"
    >
      <div class="flex justify-between items-center">
        <div class="h-5 w-32 bg-gray-200 rounded"></div>
        <div class="h-5 w-16 bg-gray-200 rounded"></div>
      </div>
      <div class="h-4 w-3/4 bg-gray-200 rounded"></div>
      <div class="h-4 w-1/2 bg-gray-200 rounded"></div>
    </div>
  </div>
</template>
